﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ProductCategory.ascx.cs" Inherits="Controls_Products_ProductCategory" %>
<!--===========LEFT CATEGORY===================-->
<div class="cps-leftmenu">
    <ul>
        <li>
            <i class="l-1"></i>
            <a href="#">ĐỒ SƠ SINH</a>
            <ul>
                <li><a href="">Xe đẩy</a></li>
                <li><a href="">Tã lót</a></li>
                <li><a href="">Bình sữa</a></li>
                <li><a href="">Xe tập đi</a></li>
                <li><a href="">Bút chấm đọc</a></li>
                <li><a href="">Đồ chơi gỗ</a></li>
                <li><a href="">Đồ chơi bông vải</a></li>
                <li><a href="">Xe tập đi</a></li>
            </ul>
        </li>
        <li>
            <i class="l-2"></i>
            <a href="#">THỜI TRANG</a>
            <ul>
                <li><a href="">Túi xách</a></li>
                <li><a href="">Quần, áo nam</a></li>
                <li><a href="">Quần, áo nữ</a></li>
                <li><a href="">Ví da</a></li>
                <li><a href="">Giầy, dép</a></li>
            </ul>
        </li>
        <li>
            <i class="l-3"></i>
            <a href="#">HÀNG GIA DỤNG</a>
            <ul>
                <li><a href="">Chén bát</a></li>
                <li><a href="">Nồi cơm điện</a></li>
                <li><a href="">Chậu giặt</a></li>
                <li><a href="">Rổ giá</a></li>
                <li><a href="">Bếp từ</a></li>
            </ul>
        </li>
        <li>
            <i class="l-4"></i>
            <a href="#">MỸ PHẨM</a>
            <ul>
                <li><a href="">Son dưỡng môi</a></li>
                <li><a href="">Kem dưỡng da</a></li>
                <li><a href="">Son môi</a></li>
                <li><a href="">Nước hoa</a></li>
                <li><a href="">Phấn hồng</a></li>
            </ul>
        </li>
        <li>
            <i class="l-5"></i>
            <a href="#">HÀNG GIÁ RẺ</a>
            <ul>
                <li><a href="">Quần áo ngủ</a></li>
                <li><a href="">Giầy dép thanh lý</a></li>
                <li><a href="">Kem chống nắng</a></li>
                <li><a href="">Sổ luu bút</a></li>
                <li><a href="">Tủ vải</a></li>
            </ul>
        </li>
    </ul>
</div>
<!--=============An hien Icon cua danh muc==============================-->
<script>
    $(function () {
        $('.cps-leftmenu >ul >li').mouseover(function () {
            //alert($(this).index() + 1);
            var _index = $(this).index() + 1;
            var cmdIcon = $('.cps-leftmenu >ul >li .l-' + _index);
            cmdIcon.removeClass('l-' + _index).addClass('l-' + _index + '-hover');
        });

        $('.cps-leftmenu >ul >li').mouseout(function () {
            var _index = $(this).index() + 1;
            var cmdIcon = $('.cps-leftmenu >ul >li .l-' + _index+'-hover');
            cmdIcon.removeClass('l-' + _index + '-hover').addClass('l-' + _index);
        });
    });
</script>